<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入axios.js -->
    <!-- 在线的CDN资源 -->
    <!-- <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> -->
    <!-- 本地axios.js -->
    <script src="js/axios-0.18.0.js"></script>

</head>

<body>
    <input type="button" value="发送get请求" onclick="get()">
    <input type="button" value="发送post请求" onclick="post()">

</body>

</html>
<script>
    //get()
    function get() {
        //axios的get请求
        axios({
            method: 'get',//请求的方式
            url: 'http://localhost:10010/emp/list'
        }).then((resp) => {
            //成功时执行的函数
            console.log(resp.data.data);//获取相应的数据  自动转为json对象 对象.属性
        }).catch(() => {
            console.log('出错了');
        });
    }

    //post()
    function post() {
        axios({
            method: 'post',//请求方式是post
            url: 'http://localhost:10010/emp/deleteById',
            data: "id = 1"   //这里表示携带请求体数据  可以是字符串也可以是对象
        }).then(resp => {
            console.log(resp.data);
        });
    }

</script>